<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <style>
        div {
            width: 200px;
            
            padding: 10px;
            font-size: 14px;
        }
        
        
        span {
            color: red;
            font-weight: bold;
        }
    </style>

    <div id="mouse1">
        <img src="mouse1.jpg" alt="Mouse">
        <p>XX品牌 14英寸轻薄笔记本</p>
        <p>活动价： <strong>¥4599</strong>  <span>赠双肩包</span></p>
        <p><a href="" >查看详情</a>&nbsp;<a href="" >加入购物车</a></p>
        
    </div>


    <div id="mouse2">   
        <img src="mouse2.jpg" alt="Mouse">
        <p>XX品牌 主动降噪无线耳机</p>
        <p>活动价： <strong>¥699</strong> <span>直降100元</span></p>
        <p><a href="" >查看详情</a>&nbsp;<a href="" >加入购物车</a></p>
    </div>


  </body>
</html>
